<template>
	<view class="house-info">
		<view class="house-title">
			<view class="title">
				房屋信息
			</view>
			<view class="content">
				<view class="left">
					{{title}}
				</view>
				<view class="right">
					<view class="success">
						审核通过
					</view>
					<!-- <view class="waiting">
						审核中
					</view>
					<view class="error">
						审核通过
					</view> -->
				</view>
			</view>
		</view>
		<view class="house-content">
			<view class="title">
				业主信息
			</view>
			<view class="content">
				1234
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: ''
			}
		},
		methods: {

		},
		onLoad({ title }) {
			this.title = title
		}
	}
</script>

<style lang="scss" scoped>
	.house-info {
		height: 100%;
		background-color: #FAFAFA;

		.house-title {
			.title {
				padding: 30rpx;
				color: #979797;
				font-size: 24rpx;

			}

			.content {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 30rpx;
				color: #333333;
				font-size: 28rpx;
				line-height: 1.5;
				letter-spacing: 0rpx;
				background-color: #fff;
				
				.right {
					.success {
						width: 128rpx;
						height: 48rpx;
						color: #27AE60;
						border-radius: 10rpx;
						background: #EBF8F0;
						font-size: 24rpx;
						line-height: 48rpx;
						text-align: center;
					}
				
					.waiting {
						width: 104rpx;
						height: 48rpx;
						border-radius: 10rpx;
						background: #E5F0FB;
						text-align: center;
						line-height: 48rpx;
						font-size: 24rpx;
						color: #2D9CDB;
					}
				
					.error {
						width: 128rpx;
						height: 48rpx;
						color: #EB5757;
						border-radius: 10rpx;
						background: #FCF2ED;
						font-size: 24rpx;
						line-height: 48rpx;
						text-align: center;
					}
				}

			}
		}

		.house-content {
			.title {
				padding: 30rpx;
				color: #979797;
				font-size: 24rpx;

			}
		}
	}
</style>
